


$(document).ready(function () {
   showList();
});



function showList() {
    $.ajax({
        type:"GET",
        dataType:"json",
        url:"list",
        success:function(json){
            var listUser = json.data;
            if (listUser.length==0){
                //没有数据
                $("#listTable").html("数据库没有数据");
                alert("没有数据");
            }else{
                alert("有数据");
                     var listUserHtml =
                         "<tr>" +
                         "<th>&nbsp;</th>" +
                         "<th>id</th>" +
                         "<th>username</th>" +
                         "<th>password</th>" +
                         "<th>phone</th>" +
                         "<th>操&nbsp;&nbsp;作</th>" +
                         "</tr>";
                     //遍历取值
                $.each(listUser,function (i,n) {
                    i+=1;
                    listUserHtml = listUserHtml+"<tr>" +
                        "<td>"
                        +i+"</td>" +
                        "<td>"+ n.id+"</td>" +
                        "<td>"+ n.username+"</td>" +
                        "<td>" + n.password+"</td>" +
                        "<td>"+ n.phone+"</td>" +
                        "<td>" +
                        "<input type='button' value='修改' class='editBtn' data-id='" + n.id + "'                                 data-username='" + n.username + "'data-password='" + n.password + "'                                    data-phone='" + n.phone +"' />" +
                        "<input type='button' value='删除' class='deleteBtn'  data-id='" + n.id + "'                                 /></td>" + "</tr>"
                })

                //让遍历的数据显示在网页上
                $("#listTable").html(listUserHtml);

                //点击修改按钮执行方法，该方法是获取原用户信息通过url传值实现页面跳转
                $(".editBtn").click(function (){
                    updateUser($(this).attr("data-id"),
                                $(this).attr("data-username"),
                                $(this).attr("data-password"),
                                $(this).attr("data-phone"));
                })

                //点击删除按钮执行删除方法，并将该学生的id传入
                $(".deleteBtn").click(function(){
                    deleteUserById($(this).attr("data-id"));
                })
            }
        }
    })
}

                //对应上面的点击编辑执行的方法
                function updateUser(id,username,password,phone){
                    window.location.href="updateUser?id="
                        +id+"&username="+username+"&password="+password+"&phone="+phone;
                }

                //对应上面的点击删除执行的方法
                function deleteUserById(id){
                    $.ajax ({
                        type:"GET",
                        dataType:"JSON",
                        url:"delete",
                        data:{
                            id: id
                        },
                        success:function(){
                            showList();
                        }
                    })
                }


                /*通过id查找所有学生方法*/
                function findUser(){
                    $.ajax({
                        type: "GET",
                        dataType: "json",
                        url: "find",
                        data: {
                            id: $("#id").val()
                        },
                        success: function(json) {
                            var obj = json.data;
                            if(obj==null){
                                $("#rs").html("没有该学生记录！");
                            }
                            else{
                                var str= "<p>id:"+obj.id+"&nbsp;&nbsp;username:"+obj.username+"&nbsp;&nbsp;password:"+obj.password+"&nbsp;&nbsp;phone:"+obj.phone+"</p>";
                                $("#rs").html(str);
                            }
                        }
                    });
                }

                    //对应上面的点击删除执行的方法
                    $("#saveBtn").click(function () {
                        window.location.href="addUser";
                    });





